<template>
  <a-form auto-label-width layout="inline" size="mini">
    <a-form-item label="显示">
      <xiri-form v-model="option.title.show" option="switch" />
    </a-form-item>
    <a-form-item label="主标题文字">
      <xiri-form v-model="option.title.text" option="input" />
    </a-form-item>
    <text-style :options="option.title.textStyle" />
    <a-form-item label="副标题文字">
      <xiri-form v-model="option.title.subtext" option="input" />
    </a-form-item>
    <text-style :options="option.title.subtextStyle" />
    <a-divider style="height: 15px" />
    <a-form-item label="标题位置">
      <a-select v-model="option.title.left" size="small">
        <a-option label="居中" value="center" />
        <a-option label="左对齐" value="left" />
        <a-option label="右对齐" value="right" />
      </a-select>
    </a-form-item>
  </a-form>
</template>
<script setup>
import TextStyle from "@/plugins/common/options/textStyle.vue"

defineOptions({
  name: "echarts-title"
})
const attrs = useAttrs()
const option = attrs.option
</script>
<style scoped lang="less">
.bi-bar {
  width: 100%;
  height: 100%;
}
</style>
